<template>
    
    <div class="demo-collapse" style="width: 900px;">
        <nav id="nav" style="padding-top: 15px;">
    <RouterLink :to="{path:'/home/certificate',query:{id:id,name:name}}"   style="margin-left: 30px;">学习证书</RouterLink>
    <RouterLink :to="{path:'/home/certificate/art',query:{id:id,name:name}}"   style="margin-left: 30px;">艺术证书</RouterLink>
    <RouterLink :to="{path:'/home/certificate/volunteer',query:{id:id,name:name}}"   style="margin-left: 30px;">志愿证书</RouterLink>
  </nav>
    <router-view></router-view>
    </div>
  </template>
  
  <script lang="ts" setup>
import { useRouter } from "vue-router";
import { useRoute } from 'vue-router'
import { ref } from 'vue'


const route = useRoute()
const name = route.query.name
const id = route.query.id

const router = useRouter()
console.log('certificate id:'+id)
  </script>
  